<!-- PAGE HEADER -->
                <div class="page-header-wrapper">
                
                		<section id="page-header">
                        		<div>
                                	<h1>OUR WORK</h1>
                                </div>
                        </section>
                
                </div>
                <!-- PAGE HEADER -->
                
                
                
                <!-- PORTFOLIO HEADER -->
                <div id="portfolio-header">
                	<section class="clearfix">
                    		<div class="portfolio-menu" data-option-key="filter">
                            		<a href="#filter" data-option-value="*" class="selected">ALL</a>
                            		<a href="#filter" data-option-value=".photography" >PHOTOGRAPHY</a>
                            		<a href="#filter" data-option-value=".design" >DESIGN</a>
                            		<a href="#filter" data-option-value=".architecture" >ARCHITECTURE</a>
                            		<a href="#filter" data-option-value=".other" >OTHER</a>
                            </div>
                            <div class="portfolio-view">
                            		<span><a href="portfolio-list.html" class="list">&nbsp;</a></span>
                                    <a href="#" class="grid active">&nbsp;</a>                                    
                            </div>
                    </section>
                </div>
                <!-- PORTFOLIO HEADER -->
                
                
                
                <!-- CONTENT -->
                <div class="wrapper" id="portfolio">
                
                		<section class="grid-view">
                			<article class="item photography other">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image8.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article class="item design architecture other">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image2.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article class="item architecture">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image3.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                            
                            <article class="item photography">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image4.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article class="item design other">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image5.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article class="item architecture">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image6.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                            
                            <article class="item photography design">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image7.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article class="item design">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image8.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article class="item photography other">
                					<figure><a href="portfolio-single.html"><img src="/images/thumb_project-image1.jpg" alt="" /></a></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="#" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                		</section>
                
                </div>
                <!-- CONTENT -->
                
                
                
                <!-- PORTFOLIO PAGINATION -->
                <div id="portfolio-pagination">
                		<section>
                        		<ul>
                        			<li><a href="#">1</a></li>
                        			<li><a href="#">2</a></li>
                        			<li><a href="#" class="active">3</a></li>
                        			<li><a href="#">4</a></li>
                        			<li><a href="#">5</a></li>
                        		</ul>
                        </section>
                </div>
                <!-- PORTFOLIO PAGINATION -->
                